<!-- 我的 – 非会员 – 我的课程 – 4 			Courses -->
<template>
	<view class="warps">
		<view class="essential-top">
			<view class="w95 f b p_t_20">
				<view>
					<image style="width: 248rpx;height: 156rpx;margin-top:10rpx;" src="../../../static/img/015.png"
						mode=""></image>
				</view>
				<view class="vw65 f d p_t_10 p_l_10">
					<text class="fs28 bold">课程名称课程名称课程名称</text>
					<text class="fs16 hui p_t_10">课程介绍课程介绍课程介绍课程介绍课程介绍课程介绍课程介绍课程介绍</text>
					<view class="f b p_t_10">
						<view class="">
							<text class="hui fs16">使用时间</text>
						</view>
						<view class="information-buts" @click="show = true">
							<button type="default">上课提醒</button>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '我的课程'
			})
		},
		methods: {

		}
	}
</script>

<style scoped>
	.warps {
		height:100vh;
		overflow: hidden;
		background-color: #F6F8FC;
	}

	.essential-top {
		width:710rpx;
		height: 210rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.16);
		margin: 0 auto;
		margin-top: 28rpx;
	}

	.ipts {
		width: 240rpx;
		height: 34rpx;
		font-size: 24rpx;
	}

	.information-buts>button{
		width: 120rpx;
		height: 36rpx;
		line-height:36rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 18rpx;
		font-size:16rpx;
		color: #fff;
	}
</style>
